import { defineComponent } from 'vue'

import type { IconType } from '@/types/Icontsx'

function VueIcon(props: IconType): JSX.Element {
  return (
    <svg
      class="icon"
      viewBox="0 0 1024 1024"
      version="1.1"
      xmlns="http://www.w3.org/2000/svg"
      p-id="4216"
      width={props.size}
      height={props.size}
    >
      <path
        d="M615.6 123.6h165.5L512 589.7 242.9 123.6H63.5L512 900.4l448.5-776.9z"
        fill="#41B883"
        p-id="4217"
      ></path>
      <path
        d="M781.1 123.6H615.6L512 303 408.4 123.6H242.9L512 589.7z"
        fill="#34495E"
        p-id="4218"
      ></path>
    </svg>
  )
}

export default defineComponent({
  props: {
    size: {
      type: Number,
      default: 24
    }
  },
  render(props: IconType) {
    return VueIcon(props)
  }
})
